//加载弹出层
let $;
layui.use(['form','element'],
    function() {
        $ = layui.$;
        let layer = layui.layer;
        let element = layui.element;

//触发事件
        var tab = {
            tabAdd: function(title,url,id){
                //新增一个Tab项
                element.tabAdd('xbs_tab', {
                    title: title
                    ,content: '<iframe tab-id="'+id+'" frameborder="0" src="'+url+'" scrolling="yes" class="x-iframe"></iframe>'
                    ,id: id
                })
            }
            ,tabDelete: function(othis){
                //删除指定Tab项
                element.tabDelete('xbs_tab', '44'); //删除：“商品管理”


                othis.addClass('layui-btn-disabled');
            }
            ,tabChange: function(id){
                //切换到指定Tab项
                element.tabChange('xbs_tab', id); //切换到：用户管理
            }
        };


        tableCheck = {
            init:function  () {
                $(".layui-form-checkbox").click(function(event) {
                    if($(this).hasClass('layui-form-checked')){
                        $(this).removeClass('layui-form-checked');
                        if($(this).hasClass('header')){
                            $(".layui-form-checkbox").removeClass('layui-form-checked');
                        }
                    }else{
                        $(this).addClass('layui-form-checked');
                        if($(this).hasClass('header')){
                            $(".layui-form-checkbox").addClass('layui-form-checked');
                        }
                    }

                });
            },
            getData:function  () {
                var obj = $(".layui-form-checked").not('.header');
                var arr=[];
                obj.each(function(index, el) {
                    arr.push(obj.eq(index).attr('data-id'));
                });
                return arr;
            }
        }

//开启表格多选
        tableCheck.init();


        $('.container .left_open i').click(function(event) {
            if($('.left-nav').css('left')=='0px'){
                $('.left-nav').animate({left: '-221px'}, 100);
                $('.page-content').animate({left: '0px'}, 100);
                $('.page-content-bg').hide();
            }else{
                $('.left-nav').animate({left: '0px'}, 100);
                $('.page-content').animate({left: '221px'}, 100);
                if($(window).width()<768){
                    $('.page-content-bg').show();
                }
            }

        });

        $('.page-content-bg').click(function(event) {
            $('.left-nav').animate({left: '-221px'}, 100);
            $('.page-content').animate({left: '0px'}, 100);
            $(this).hide();
        });

        $('.layui-tab-close').click(function(event) {
            $('.layui-tab-title li').eq(0).find('i').remove();
        });

        $("tbody.x-cate tr[fid!='0']").hide();
// 栏目多级显示效果
        $('.x-show').click(function () {
            if($(this).attr('status')=='true'){
                $(this).html('&#xe625;');
                $(this).attr('status','false');
                cateId = $(this).parents('tr').attr('cate-id');
                $("tbody tr[fid="+cateId+"]").show();
            }else{
                cateIds = [];
                $(this).html('&#xe623;');
                $(this).attr('status','true');
                cateId = $(this).parents('tr').attr('cate-id');
                getCateId(cateId);
                for (var i in cateIds) {
                    $("tbody tr[cate-id="+cateIds[i]+"]").hide().find('.x-show').html('&#xe623;').attr('status','true');
                }
            }
        })

//左侧菜单效果
// $('#content').bind("click",function(event){
        $('.left-nav #nav li').click(function (event) {

            if($(this).children('.sub-menu').length){
                if($(this).hasClass('open')){
                    $(this).removeClass('open');
                    $(this).find('.nav_right').html('&#xe697;');
                    $(this).children('.sub-menu').stop().slideUp();
                    $(this).siblings().children('.sub-menu').slideUp();
                }else{
                    $(this).addClass('open');
                    $(this).children('a').find('.nav_right').html('&#xe6a6;');
                    $(this).children('.sub-menu').stop().slideDown();
                    $(this).siblings().children('.sub-menu').stop().slideUp();
                    $(this).siblings().find('.nav_right').html('&#xe697;');
                    $(this).siblings().removeClass('open');
                }
            }else{

                var url = $(this).children('a').attr('_href');
                var title = $(this).find('cite').html();
                var index  = $('.left-nav #nav li').index($(this));

                for (var i = 0; i <$('.x-iframe').length; i++) {
                    if($('.x-iframe').eq(i).attr('tab-id')==index+1){
                        tab.tabChange(index+1);
                        event.stopPropagation();
                        return;
                    }
                };

                tab.tabAdd(title,url,index+1);
                tab.tabChange(index+1);
            }

            event.stopPropagation();

        })
    });
var cateIds = [];
function getCateId(cateId) {
    
    $("tbody tr[fid="+cateId+"]").each(function(index, el) {
        id = $(el).attr('cate-id');
        cateIds.push(id);
        getCateId(id);
    });
}

/*弹出层*/
/*
    参数解释：
    title   标题
    url     请求的url
    id      需要操作的数据id
    w       弹出层宽度（缺省调默认值）
    h       弹出层高度（缺省调默认值）
*/
function x_admin_show(title,url,w,h){
    if (title == null || title == '') {
        title=false;
    };
    if (url == null || url == '') {
        url="404.html";
    };
    if (w == null || w == '') {
        w=($(window).width()*0.9);
    };
    if (h == null || h == '') {
        h=($(window).height() - 50);
    };
    layer.open({
        type: 2,
        area: [w+'px', h +'px'],
        fix: false, //不固定
        maxmin: true,
        shadeClose: true,
        shade:0.4,
        title: title,
        content: url
    });
}

/*关闭弹出框口*/
function x_admin_close(){
    var index = parent.layer.getFrameIndex(window.name);
    parent.layer.close(index);
}


